@use "sass:map";
// {$button-color}
@use "./common/var.scss" as *;
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;
// {set-css-var-value}
@use "./mixin/_var.scss" as *;
// nvue下hover-class无效
$e-button-before-top: 50% !default;
$e-button-before-left: 50% !default;
$e-button-before-width: 100% !default;
$e-button-before-height: 100% !default;
$e-button-before-transform: translate(-50%, -50%) !default;
$e-button-before-opacity: 0 !default;
$e-button-before-background-color: #000 !default;
$e-button-before-border-color: #000 !default;
$e-button-active-before-opacity: 0.15 !default;
$e-button-icon-margin-left: 4px !default;

@include bem_b(button) {
  &:before {
    position: absolute;
    top: $e-button-before-top;
    left: $e-button-before-left;
    width: $e-button-before-width;
    height: $e-button-before-height;
    border: inherit;
    border-radius: inherit;
    transform: $e-button-before-transform;
    opacity: $e-button-before-opacity;
    content: " ";
    background-color: $e-button-before-background-color;
    border-color: $e-button-before-border-color;
  }

  // 聚焦
  @include when(active) {
    &:before {
      opacity: 0.15;
    }
  }

  &__icon+&__text:not(:empty),
  &__loading-text {
    margin-left: $e-button-icon-margin-left;
  }
}